<template>
    <div class="main">
        <carousel></carousel>
        <Recommend></Recommend>
    </div>
</template>

<script>
    import carousel from '@/components/carousel/carousel'
    import Recommend  from '@/components/RecommendList/Recommend'
    export default {
    components: {
        carousel,
        Recommend
    }
    }
</script>

<style lang="less" scoped>
    .main{
        width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }
</style>